<%@page import="com.exam.dao.StudentDao"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:if test="#application.SYS_SETTING.isRegister!=1">
	<% out.println("<script>alert('提示：管理员关闭了注册功能,当前无法进行注册!请联系管理员开放注册功能!');location.href='login.jsp'</script>"); %>
</s:if>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>  
 <title>欢迎使用在线考试系统-用户注册</title>
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 <link href="css/select.css" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui.css" />
  <script language="JavaScript" src="js/jquery-2.0.js"></script>
  <script type="text/javascript" src="js/cloud.js" ></script>
  <script type="text/javascript" src="js/select-ui.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui.js"></script>
  <script type="text/javascript" src="js/jquery.form.js"></script>
<script language="javascript">
	$(function(){
   
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	
	$(window).resize(function(){  
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	});
	
    $(".select2").uedSelect({
		width : 220		  
	});
	
	
   $('#loading').dialog({
		height:50,
		width:180,
		autoOpen:false,
		modal:true,
		closeOnEscape:false,
		resizable:false,
		
	}).parent().find('.ui-widget-header').hide();
   		
   	//帮助提示
	$("#helpInfo").dialog({  
           autoOpen:false,  //设置对话框打开的方式 不是自动打开  
           show:"blind",    //打开时的动画效果  
           hide:"explode",    //关闭是的动画效果  
           modal:true,          //true代表运用遮罩效果  
            buttons:[  
                {  
                    text:"我知道啦",  
                    click:function (){  
                        $(this).dialog("close");            //关闭对话框  
                    }  
                }],  
  
            closeOnEscape:false,    
            position:"top",  //对话框打开的位置，默认center，有top、left、right、center、bottom  
            width:500,      //设置对话框的宽度  
            height:300,     //设置对话框的高度  
            resizable:false,//是否可以改变对话框的尺寸的操作，默认true           
            zIndex:9999
             
        }).parent().find('.ui-widget-header').hide();  
             
       $("#showHelp").click(function(){
       
       		$("#helpInfo").dialog("open"); 
       		
       });     	

	   	 var options = {
	   	 	url:'student-save.action',
			type:'POST',
		   	beforeSend:function(){
				$('#loading').dialog('open');
				$('#loading').css('background','url(images/loading.gif) no-repeat 20px center').html("数据交互中...");
			},
	        success: function (data,textStatus) {
	        
	           if(data=="success"){
				
				$('#loading').css('background','url(images/success.gif) no-repeat 20px center').html("信息保存成功...");
				setTimeout(function(){
					$('#loading').dialog('close'); 
					$('#loading').css('background','url(images/loading.gif) no-repeat 20px center').html("数据交互中...");
					
				},1000);
				
				//跳转
				setTimeout(function(){
					window.location.href="login.jsp";
				},500);
				
			}else{
				$('#loading').css('background','url(images/error.png) no-repeat 20px center').html("信息保存失败...");
				setTimeout(function(){
					$('#loading').dialog('close'); 
					$('#loading').css('background','url(images/loading.gif) no-repeat 20px center').html("数据交互中...");
					
				},1000);
				}
	      	}
	     };
    

   			$(".btn").click(function(){
   				//验证表单
   			      var fm = $("#userRegisterForm"); 
   			     
   			      if($.trim($('input[name=stu_name]').val().length)==0){
   			      	$(".stu_error").html("考试姓名不能为空!");
   			      	return false;
   			      }
   			      if($.trim($('input[name=stu_name]').val().length)>20){
   			      	$(".stu_error").html("考生姓名不能超过20个字符!");
   			      	return false;
   			      } 
   			      if($.trim($('input[name=stu_id]').val().length)==0){
   			      	$(".stu_error").html("考生学号不能为空!");
   			      	return false;
   			      }
   			      if(isNaN($.trim($('input[name=stu_id]').val()))){
   			      	$(".stu_error").html("考生学号只能为数值!");
   			      	return false;
   			      }
   			      
   			      if($.trim($('input[name=stu_id]').val().length)>50){
   			      	$(".stu_error").html("考生学号不能超过50字符!");
   			      	return false;
   			      }
   			      
   			      if(!confirm("请确认所填信息正确? 如有错误将影响考试成绩!")){
   			      	return false;
   			      }
   			     
   			      
   				 fm.ajaxSubmit(options);
   				 return false;
   			});
   			
   
   //查看帮助
   		$("#showHelp").click(function(){  
       		$("#helpInfo").dialog("open"); 		
       }); 
	
});  
</script> 
<style type="text/css">
	#helpInfo{
		 width:200px;
		 height:300px;
		 padding: 10px 50px;
		 display: none;
	}
	#helpInfo h2{
		text-align: center;
		font-size:22px;
		color:#333;
		font-family: 新宋体;
		border-bottom: 1px solid #ccc;
		margin: 0 0 5px 0;
	}
	#helpInfo p{
		font-size:13px;
		color:#666;
		line-height: 22px;
		text-indent: 2em;
		padding: 3px 0;
	}
	#helpInfo b{
		color:#333;
		font-weight: bold;
		width:50px;
		text-align: right;
	}
</style>
</head>

<body style="background-color:#1c77ac; background-image:url(images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">

<div id="helpInfo">
    	<h2>帮助信息</h2>
    	<p><b>系统角色</b> : 使用本系统有两种身份: 1.考生  2.管理员 </p>
    	<p><b>关于登陆</b> : 注意考生的登陆名为: <b>姓名</b> 密码为 :<b>学号</b> ,考生登录请下拉选择"我是考生" </p>
    	<p><b>关于注册 </b>: 第一次使用可选择注册 ,注意选择自己所在分组,如果没有,请联系管理员创建分组,以录入实际信息</p>
    	
    	<p>
    	   <b>注意事项</b> : 考生只有在管理员发布试卷之后才能正常登陆进行考试,一旦提交试卷后无法再进入系统答题
    	</p>
</div>
<div id="loading"></div>
	<span style="display:none" id="message">${message }</span>
    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  


	<div class="logintop">    
    <span>欢迎使用在线考试管理系统 > 用户注册</span>    
    <ul>
    <li><a href="javascript:;" id="showHelp">帮助</a></li>
    <li><a href="login.jsp">用户登陆</a></li>
    </ul>    
    </div>
    
    <div class="loginbody">
    
    <span class="systemlogo"></span> 
       
    <div class="loginbox" style="background:url(images/logininfo1.png)">
     <form id="userRegisterForm" >
	   <ul class="forminfo" style="float:left;margin:70px 0 0 200px">
	    <li><p style="color:red;text-indent: 30px" class="stu_error"></p></li>
	    <li><label style="width:70px">考生姓名</label><input type="text" name="stu_name"  class="dfinput" style="width:220px;"/><i style="margin-left:0px">*请填写真实姓名</i></li>
	    <li><label style="width:70px">考生学号</label><input type="text" name="stu_id"    class="dfinput" style="width:220px;"/><i style="margin-left:0px">*请填写真实学号</i></li>
	    <li><label style="width:70px">所在分组</label>
	    <%
	    	//获取分组 
	    	StudentDao sd = new StudentDao();
	    	request.setAttribute("GroupList", sd.getAllGroup());
	     %>
	    <div class="vocation">
	   		 <select class="select2" name="gid">
	    	<s:iterator value="#request.GroupList" status="gb">
	    			<option value="<s:property value="id"/>"><s:property value="gname"/></option>
	    	</s:iterator>
	  	  	</select>
	    </div>	
	    </li>
	    <li><label>&nbsp;</label><input  type="button" class="btn" value="确认注册"/></li>
	   </ul>
    </form>
    
    </div>
    
    </div>
    <div class="loginbm">Copyright © 2015-2016 ${SYS_SETTING.copyright } </div>
</body>
</html>
